<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />
    <link rel="stylesheet" type="text/css" href="js/jquery.mobile/jquery.mobile-1.4.2.min.css" />
    <title>Scrum timer</title>
  </head>
  <body>
        <!-- main page -->
        <div data-role="page" data-fullscreen="true" id="main">
            <div data-role="header" data-position="fixed">
                <h1>Scrum Timer</h1>
            </div>
            <div data-role="content">
              <div id="settings" name="settings" data-role="fieldcontain">
                <label for="totalMembers">Total members:</label>
                <input type="text" name="totalMembers" id="totalMembers" value=""/><br/>
                <label for="timeSlice">Time slice(minutes):</label>
                <input type="text" name="timeSlice" id="timeSlice" value=""/><br/>
                <input type="submit" id="go" name="go" value="Ready? Let's go!" />
              </div>
              <div id="progress" name="progress" data-role="fieldcontain">
                  <label> Time Remaining(seconds): </label>
                  <p id="timeRemaining">N/A</p>
                  <label> Pending speaker: </label>
                  <p id="pendingspeaker">N/A</p>
              </div>
            </div>
            <div data-role="footer" data-position="fixed">
              <div data-role="navbar">
                <ul>
                  <li><a data-role="button" id="exit">Exit</a></li>
                  <li><a data-role="button" id="reset">Reset</a></li>
                </ul>
              </div>
            </div>
        </div>

        <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
        <script type="text/javascript" src="js/jquery.mobile/jquery.mobile-1.4.2.min.js"></script>
        <script type="text/javascript" src="cordova.js"></script>
        <script type="text/javascript" src="js/index.js"></script>
        <script type="text/javascript">
            app.initialize();
        </script>w
  </body>
</html>
